<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div class="one">3</div>
    <div>4</div>
    <div id="two">5</div>
    <script>
        //万能选择器 querySelectorAll 获取的是一个集合 哪怕只有一个元素也会放到这个集合中。
        var classTags = document.querySelectorAll('.one');
        console.log(classTags);
        var idTags = document.querySelectorAll('#two');
        console.log(idTags);

        //document.querySelector它获取的是这个集合中的第一个元素
        var classTag = document.querySelector('.one');
        console.log(classTag);
        var idTag = document.querySelector('#two');
        console.log(idTag);
    </script>
</body>
</html>